<html>
<head>
    <meta charset="utf-8">
    <title>邀请开店</title>
    <#assign base=request.contextPath  />
    <#setting  number_format="0.##"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${base}/frame/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${base}/sweep/css/app.css" media="all">
    <link rel="stylesheet" href="${base}/sweep/css/mui.min.css" media="all">
    <link rel="stylesheet" type="text/css" href="${base}/sweep/css/style.css" />
    <link rel="stylesheet" type="text/css" href="${base}/sweep/icon/iconfont.css" />
    <script src="${base}/backstage/js/jquery-1.8.3.min.js"></script>
    <script src="${base}/sweep/js/mui.min.js"></script>
    <script src="${base}/sweep/icon/iconfont.js"></script>
    <script src="${base}/backstage/layui/layui.js"></script>
    <style>
        #kai{
            position: relative;left:25%;top: 19px;font-size: 33px;color: red;font-family: cursive;
        }
    </style>
</head>
<body>
    <div class="mui-content" style="margin-bottom: 90px;background: antiquewhite">
        <div style="width: 100%;height: 120px;">
            <span style="" id="kai">开通达人会员</span><br><br>
            <span style="" id="kai">尊享六大特权</span>
        </div>

        <div style="width: 100%;height: 200px;margin-top: 10px;">
            <div class="demo" style="background: burlywood;border-radius: 16px;width: 90%;margin-left: 5%;">
                <div class="mui-col-xs-2 mui-col-sm-2" style="margin-right: 5%;margin-left: 6%;">
                    <i class="iconfont icon-shangjiaruzhu" style="color: red"></i>
                    <h5 style="padding-top: 6px;color: red;">购物省钱</h5>
                </div>
                <div class="mui-col-xs-2 mui-col-sm-2" style="margin-right: 5%">
                    <i class="iconfont icon-xiaoshou" style="color: red"></i>
                    <h5 style="padding-top: 6px;color: red;">分享赚钱</h5>
                </div>
                <div class="mui-col-xs-2 mui-col-sm-2" style="margin-right: 5%">
                    <i class="iconfont icon-yaoqingxiezhu" style="color: red"></i>
                    <h5 style="padding-top: 6px;color: red;">一件包邮</h5>
                </div>
                <div class="mui-col-xs-2 mui-col-sm-2" style="margin-right: 5%">
                    <i class="iconfont icon-dizhi" style="color: red"></i>
                    <h5 style="padding-top: 6px;color: red;">专属客服</h5>
                </div>
                <br>
                <div class="mui-col-xs-2 mui-col-sm-2" style="margin-right: 5%;margin-left: 6%;">
                    <i class="iconfont icon-yijianfankui1" style="color: red"></i>
                    <h5 style="padding-top: 6px;color: red;">开店礼包</h5>
                </div>
                <div class="mui-col-xs-2 mui-col-sm-2" style="margin-right: 5%;">
                    <i class="iconfont icon-yijianfankui1" style="color: red"></i>
                    <h5 style="padding-top: 6px;color: red;">奖金津贴</h5>
                </div>
                <div class="mui-col-xs-2 mui-col-sm-2" style="margin-right: 5%;">
                    <i class="iconfont icon-yijianfankui1" style="color: red"></i>
                    <h5 style="padding-top: 6px;color: red;">更多优惠</h5>
                </div>
            </div>
        </div>
        <div style="border: 3px solid red">
            <p style="font-size: 15px;margin-left: 5%;margin-top: 4px;margin-bottom: 4px;font-family: cursive;color: #000;font-weight: 700;">比如:一家三口之家,每天购买水果,蔬菜,肉花费<span style="color: red;">55元</span></p>
            <p style="font-size: 15px;margin-left: 5%;font-family: cursive;color: #000;font-weight: 700;">一个小区估住<span style="color: red;">800户</span>,如果<span style="color: red;">10%</span>是你分享的用户群体</p>
            <div style="background: #c66161;width: 90%;margin-left: 5%;height: 30px;margin-bottom: 10px;">
                <p style="font-size: 15px;color: #fff;margin-left: 10%;position: relative;top:5px;">一个月销售 = 55*800*30*10% = 13.2万</p>
            </div>
            <p style="font-size: 15px;margin-left: 11%;font-family: cursive;color: red;font-weight: 700;">按照达人店平均佣金8%计算,通过分享预计</p>
            <p style="font-size: 15px;margin-left: 30%;font-family: cursive;color: red;font-weight: 700;">赚的佣金1.05万</p>
        </div>

        <div style="margin-bottom: 19px;height: 50px;margin-left: 10%;width: 80%;margin-top: 14px;">
            <span style="color: red;font-size: 30px;margin-left: 20%;position: relative;top:20px">升级会员流程</span>
        </div>
        <div style="bmargin-bottom: 19px;height: 100px;margin-left: 12%;margin-top: 14px;">
                <p>1.打开微信,搜索公众号<span> 博诺</span></p>
                <p>2.打开个人中心<span>输入邀请码</span></p>
                <p>3.即可获得<span>新品礼包</span></p>
        </div>

        <div style="margin-bottom: 19px;height: 50px;margin-left: 10%;width: 80%;margin-top: 14px;">
            <span style="color: red;font-size: 30px;margin-left: 20%">关于博诺购物</span>
        </div>
        <div style="margin-bottom: 19px;height: 100px;margin-left: 4%;margin-top: 14px;">
            <p>博诺购物是自主研发的一款微信公众号的购物商城,开通会员相当于在手机上开一家网上购物超市,会员无需囤货,发货,售后等,一键分享,轻松赚钱,博诺购物商城为全站会员精选全品类在正品好物!</p>
        </div>




    </div>
    <div class="mui-content" style="position: fixed;bottom: 0px;width: 100%;">
        <div class="mui-content-padded">
            <button type="button" class="mui-btn mui-btn-warning mui-btn-block">一键开店</button>
        </div>
    </div>
</body>
</html>


